<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>遍历Map类型数据</title>
</head>
<body>
    
</body>
<script>
    let map = new Map([['name','jimmy'],['age','22']])
    console.log(map)  //Map(2) {"name" => "jimmy", "age" => "22"}

    // Map类型一样时拥有迭代对象的  可以使用.keys()  和 .values()  .entries()来获取 并遍历
    console.log(map.keys())  //MapIterator {"name", "age"}
    console.log(map.values()) // MapIterator {"jimmy", "22"}

    // 要循环map成员 可以使用forof 和 forEach操作
    for (const iterator of map) {
        console.log(iterator)  //得到的是每一条数据
    }
    for (const iterator of map.keys()) {
        console.log(iterator)  // name age  得到的是每一个key
    }
    for (const iterator of map.values()) {
        console.log(iterator)  // jimmy 22  得到的是每一个值
    }
    for (const iterator of map.entries()) {
        console.log(iterator)  //得到的是每一条键值对 在这里map.entries() 和 直接写map的效果是一样的
    }
    // 使用 forEach来遍历
    map.forEach((item,index,arr)=>{
        console.log(item)  //每一项
        console.log(index)  //每一项的索引
        console.log(arr)  //原Map数组
    })
</script>
</html>